@charset "utf-8";
@import "common";
.game_lunbo_wrap{

    .font_size{
        font-size: 0;
    }
    .item {
        img{
            margin: auto;
            width: 100%;
//          height: 370px;
            
        }
        
    }
}

//热门
.hot_same_wrap{
    .game_pic_box{
        background-image: url(../img/game_bg_02.png);
        background-repeat: no-repeat;
        height: 480px;
    }
    .hot_pic{
        width: 40px;
        height: 100px;
        background: #e14738;
        text-align: center;
            padding-top: 20px;
        
        position: absolute;
        top: 0;
        span{
            
            font-size: 25px;
            color: white;

        }
        .triangle{
            width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom: 14px solid #f7f7f7;
    position: absolute;
    bottom: 0;
    }
        
    }
    .same_box_title{
     
        h4{
            font-size: 30px;
            font-weight: bold;
            text-align: right;
        }
        
    }
    .same_box_text{
        p{
            font-size: 14px;
            text-align: right;
            line-height: 30px;
            color: #ababab;
        }
    }
    .game_right_pic{
    margin-bottom: 30px;

        img{
            width: 100%;
            height: 100%;
    border-radius: 5px;
            
        }
    }
}

//热门er
.hot_wrap2{
    .game_left_title{
        h4{
            text-align: left;
        }
    }
.game_left_text{
    p{
        text-align: left;
    }
}   
    .game_pic_box{
        background-image: url(../img/game_bg_01.png);
        background-repeat: no-repeat;
        height: 480px;
      
    }
}
//热门结束

//更多案例
.more_case_wrap{
    
   .more_case_title{
       h4{
           font-size: 36px;
           font-weight: bold;
       }
   }
  
   a{
       display: block;
       position: relative;
       margin-bottom: 25px;
       text-align: center;
       .more_case_pic{
       img{
           border-radius: 5px;
           width: 100%;
       }           
       }
        p{
           font-size: 14px;
           line-height: 40px;
       }     
      .more_case_text_wrap{
          display: none;

           background: rgba(0,0,0,.5);
         position: absolute;
         top: 0;
         padding: 13px 13px 0 13px;
           p{
               line-height: 22px;
               color: white;
               text-align: left;
           }
       }   
       &:hover .more_case_text_wrap{
           display: block;
       }   
   }  
}
